@charset "utf-8";
/* CSS Document */
body, html,div, h1, h2, h3, h4, h5, h6, table, tbody, th, tr, dl, dt, dd, p, a, form, input,span,button{
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    outline: none;
    font-family: "Source Han Sans CN","PingFangSC-Regular","arial","Microsoft YaHei","sans-serif";
    font-size: 16px; 
    font-style: normal; 
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
input::-webkit-placeholder {color: #fff;}
body{ line-height:25px; color:#000;background: #fff;min-width: 1200px;}
a{ text-decoration:none; color:#434343;}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none; }
a:focus{ text-decoration:none !important; outline: none;}
ul, li{ list-style:none; margin:0; padding:0;}
img{ border:0;}
.clear{ clear:both;}
.clearfix:after{display: block;height: 0;overflow: hidden;content: ".";clear: both;}
.height10{height: 10px;}
.height30{height: 30px;}
.height50{height: 50px;}
.height70{height: 70px;}
.wid100{width: 1000px;margin: 0 auto;}
.wid110{width: 1100px;margin: 0 auto;}
.wid120{width: 1200px;margin: 0 auto;}
.padding0{padding: 0;}
.margin0{margin: 0;}
.hidden{display: none;}
.white{color: #FFFFFF !important;}

*::selection { background:#F5A610; color: #FFFFFF;}
*::-moz-selection { background:#F5A610; color: #FFFFFF;}
a{ text-decoration:none; color:#434343;}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none; }
ul, li{ list-style:none; margin:0; padding:0;}
img{ border:0;}
.clear{ clear:both;}
@font-face{
    font-family: "SiYuan Black";
    src:url('../fonts/syr.ttf');
}
/*清除bootstrap默认*/
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #ECBB20;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #ECBB20;
    border-color: #ECBB20;
}



.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    background: #FFFFFF;
    /*border-bottom: 1px rgba(0,0,0,.2) solid;*/
    /*box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.5);*/
}
.header .header-body{
    position: relative;
}
.header .header-body:after{
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    top: 100%;
    width: 100%;
    height: 2px;
    left: 0;
    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.5);
    clear: both;
}
.navArea{
    background: none;
    border: none;
    transition: all 0.8s;
    margin-bottom: 0;
}
.logo{
    width: 240px;
    height: 75px;
    display: flex;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.logo a{
    display: block;
    width: 75%;
    margin: auto;
}
.logo img{
    width: 100%;
    /*height: 60px;*/
    margin: auto;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.search .show-search{
    border-radius: 0;
    background: none;
    line-height: 63px;
    width: 90px;
    font-size: 30px;
    outline: none;
    color: #E5E5E5;
    border: none;
    border-left: 1px #E5E5E5 solid;
    border-right: 1px #E5E5E5 solid;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.search .show-search i{
    animation: search 1s infinite;
}
@keyframes search{
    from {color: #D1A51A;}
    to {color: #ECBB20;}
}
.search .show-search:hover{
    border: none;
    border-left: 1px #E5E5E5 solid;
    border-right: 1px #E5E5E5 solid;
}
.search .show-search:active{
    background: #F5A714;
    outline: none;
}
.search .modal .modal-content{
    min-height: 300px;
}
.search .modal .modal-content .modal-title {
    font-weight: normal;
    text-indent: 15px;
}
.search .modal .modal-content .modal-content-body{
    min-height: 245px;
    position: relative;
    bottom: 0;
    display: flex;
}
.search .modal .modal-content .row{
    margin: auto;
}
.search .modal .modal-content .modal-content-body input {
    margin-bottom: 0;
    display: block;
    width: 100%;
}
.search .modal .modal-content .modal-content-body textarea {
    display: block;
    resize: none;
    width: 100%;
    height: 4rem;
    margin: 10px 0;
    outline: none;
    padding: 5px 15px;
    font-size: 13px;
}
.layui-layer-btn .layui-layer-btn0{
    font-size: 14px;
    background: #ECBB20;
}
.search .modal .modal-content .modal-content-body textarea:focus,
.search .modal .modal-content .modal-content-body input:focus {
    border: #F5A201 1px solid;
}
.search .modal .modal-content .modal-content-body img {
    height: 35px;
}
.search .modal .modal-content .modal-content-body .submit-btn {
    margin-left: 15px;
    margin-top: 10px;
}
.search .modal .modal-content .modal-content-body .submit-btn .btn {
    border-radius: 0;
    outline: none;
    background: #1D2C67;
    color: #FFFFFF;
    width: 120px;
}
.navbar-default .navbar-nav>li>a{
    line-height: 41px;
    font-size: 14px;
    color: #1D2C67;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-bottom: 5px #FFFFFF solid;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.navbar-default .navbar-nav>li>a:focus{
    opacity: 1;
    /*color: #FFFFFF;*/
}
.navArea-scroll a {
    opacity: 1 !important;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li.current > a{
    color: #ECBB20;
    border-bottom: 5px #ECBB20 solid;
}
.language button{
    border: none;
    line-height: 76px;
    width: 90px;
    background: #1D2C67;
    color: #FFFFFF;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.language button:hover{
    background: #ECBB20;
}
.language ul li a {
    font-size: 14px;
    line-height: 35px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.language ul li img {
    margin-right: 5px;
}
.language ul li a:hover {
    background: #F4A40C;
    color: #FFFFFF;
}

.header-scroll {
    background: rgba(255,255,255,0.9);
}
.header-scroll .logo{
    height: 65px;
    width: 208px;
}
.header-scroll .search .show-search {
    line-height: 53px;
    font-size: 25px;
}
.header-scroll .navbar-nav>li>a{
    padding: 10px 12px;
    border-color: rgba(255,255,255,0);
    transition: all 0.8s;
}
.header-scroll .language button{
    line-height: 66px;
}


/*.navArea .nav-hotline{
    float: right;
    line-height: 75px;
}
.navArea .nav-hotline a{
    display: block;
    color: #fff;
    font-size: 18px;
}
.navArea .nav-hotline a i{
    margin-right: 5px;
    font-size: 14px;
}*/
.navArea .navbar-toggle{
    border: none;
}
.navbar-default .navbar-toggle .icon-bar{
    height: 3px;
    background: #FFF;
}
.navArea .navbar-toggle:focus,.navArea .navbar-toggle:hover{
    background: none;
    border: none;
}


#banner{
    width:100%;
    height:600px;
    margin-top: 70px;
    overflow:hidden;
    position:relative;
}
#banner .swiper-container {
    height: 600px;
    position:absolute;
}
#banner .swiper-slide .detail{
    height:90px;
    background:rgba(0,0,0,.7);
    position:absolute;
    width:100%;
    bottom:0;
    color:#fff;
    opacity:0;
    transition:opacity .3s .3s;
}
#banner .swiper-slide-active .detail{
    opacity:1;
    }
#banner .swiper-slide .detail h3{
    width:950px;
    margin:15px auto 0;}
#banner .swiper-slide .detail p{
    width:950px;
    margin:5px auto 0;} 
#banner .swiper-slide .detail p span{
    width:650px;
    display:block;} 
/**/#banner .effect1 img{
    transform:scale(1.25,1.25) translate(10%,10%);
    transform:scale(1.1,1.1) translate(4.545%,4.545%);
    /*tr     =    (sc-1)/2sc*100%              */
    /* --1.25       0.25/2.5*100%=10%          */
}
        
#banner .leftUp img{
    -webkit-animation-name:leftUp;animation-name:leftUp;}
@-webkit-keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%); }
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}
@keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);}
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}

#banner .moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0); }
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}
@keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}

#banner .moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%); }
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}
@keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}

#banner .centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);}}

#banner .rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
@keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}

#banner .swiper-slide img{
    animation-duration:5s;
    animation-timing-function:linear;
    animation-fill-mode: forwards;
    -webkit-animation-duration:5s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-fill-mode: forwards;
}   
#banner .swiper-pagination{
    bottom:25px;
    right:10%;
}
#banner .swiper-pagination-bullet{
    width:15px;
    height:15px;
    background:#ECBB20;
    margin:0 5px;
    border: 1px #fff solid;
}       

.modal-title h4{
    font-size: 30px;
    font-weight: normal;
    color: #1D2C67;
    padding-left: 15px;
    height: 30px;
    position: relative;
    margin-bottom: 15px;
}
.modal-title h4:after{
    display: block;
    content: "";
    width: 4px;
    height: 100%;
    background: #ECBB20;
    position: absolute;
    left: 0;
    top: 0;
}
.modal-title p{
    font-size: 16px;
    color: #999999;
}
.modal-title.white h4{
    color: #FFFFFF;
}
.modal-title.white h4:after{
    background: #FFFFFF;
}
.modal-title.white p{
    color: #999999;
}





#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form select,
#contact-form textarea {
    color: #fff;
    border-color: transparent; 
    resize: none;
    width: 100%;
    background: rgba(255,255,255,0.2);
    border-radius: 0;
    -webkit-appearance: none;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"],
select,
textarea {
    height: 38px;
    border: 1px solid #e6ebed;
    background-color: rgba(255,255,255,0.2);
    /*width: 100%;*/
    margin-bottom: 30px;
    padding: 0 16px;
    -webkit-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -ms-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    color: #7a7a7a;
    font-size: 13px;
}
#contact-form select {
    height: 38px;
    font-weight: normal;
    /*border: 1px solid #e6ebed;*/
    margin-bottom: 30px;
    padding: 0 16px;
    -webkit-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -ms-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    color: #7a7a7a;
    font-size: 13px;
}






.mobile-show{
    display: none !important;
}
.computer-show{
    display: block !important;
}
.modul-title{
    text-align: center;
    margin-bottom: 30px;
}
.modul-title h3{
    font-size: 32px;
    position: relative;
    margin-bottom: 20px;
}
.modul-title-white h3 {
    color: #FFF;
}
.modul-title h3:before{
    display: block;
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 20px;
    background: #01123E;
    left: 49.6%;
    bottom: -15px;
    z-index: 9;
}
.modul-title-white h3:before {
    background: #FFFFFF;
}
.modul-title h3:after{
    display: block;
    content: "";
    position: absolute;
    bottom: -11px;
    height: 1px;
    background: #ccc;
    width: 200px;
    left: 50%;
    margin-left: -100px;
}
.modul-title p{
    font-size: 16px;
    color: #ccc;
    text-transform:uppercase;
}
.pagination ul li{
    display: inline-block;
    border: 1px #ccc solid;
    margin-right: 3px;
}
.pagination ul li a,
.pagination ul li span{
    padding: 5px 15px;
    display: block;
}
.pagination ul li.active,
.pagination ul li:hover a{
    background: #01123E;
    color: #fff;
    transition: all 0.5s;
}

.detail-page-down{
    margin: 30px 0;
    padding-top: 10px;
    border-top: 1px #ccc solid;
}

/*footer*/
.footer{
    padding: 50px 0 0;
    background: #242424;
    color: #D5D5D5;
}

.footer .footer-contact{
    letter-spacing: 1px;
}

.footer .footer-content .bot-logo img{
    display: block;
    width: 100%;
}

.footer .footer-content .bot-logo h5{
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
}
.get-top{
    display: none;
    position: fixed;
    right: 50px;
    bottom: 120px;
    background: rgba(0,0,0,0.8);
    /*background: #e5e5e5;*/
    color: #FFFFFF;
    /*color: #0e0e0e;*/
    font-size: 28px;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    /*mix-blend-mode: exclusion;*/
    font-weight: bold;
    /*box-shadow: 0 0 10px #e5e5e5;*/
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.get-top:hover{
    background: rgba(0,0,0,0.8);
}




.footer-v5-copyright {
  background: #01123E;
  padding: 30px 0;
}

.footer-v5-copyright .footer-v5-copyright-logo {
  width: 120px;
  height: auto;
  margin: 0 auto 20px;
  display: block;
}

.footer-v5-copyright .footer-v5-copright-socials {
    text-align: center;
    margin: 15px 0;
}

.footer-v5-copyright .footer-v5-copright-socials .footer-v5-copright-socials-item {
    padding: 0 10px;
}

.footer-v5-copyright .footer-v5-copright-socials .footer-v5-copright-socials-item .footer-v5-copright-socials-link {
    color: #fff;
    text-decoration: none;
}

.footer-v5-copyright .footer-v5-copright-socials .footer-v5-copright-socials-item .footer-v5-copright-socials-link:hover {
    color: #eb3900;
}

.foot-contact{
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.foot-contact a{
    color: #FFFFFF;
    margin-right: 10px;
}

.footer-v5-copyright .footer-v5-copright-text {
    padding-top: 20px;
    border-top: 1px #d5d5d5 solid;
    font-size: 14px;
    color: #cccccc;
    text-align: center;
    margin-bottom: 0;
}

.footer-v5-copyright .footer-v5-copright-text a {
    color: #FFFFFF;
}

.footer-v5-copyright .footer-v5-copright-text a:hover {
    color: #DC3920;
}

.join-main-hd {
    text-align: center;
    margin: 30px 0;
}
.join-main-hd h3{
    line-height: 44px;
    font-size: 32px;
    color: #0989c5;
}
.join-main-hd p{
    margin-top: 10px;
    line-height: 36px;
    font-size: 18px;
    color: #666;
}



/*.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#9B1A71;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}


.wrap{width:1200px; margin:0 auto; zoom:1;}
.wrap:after,.wrap:before{display:table; content:'';}
.wrap:after{clear:both;}
.foot_share .foot_share_box{margin-right: 5px;width: 30px;height: 30px;}
.foot_share .Facebook{background: url(../images/fs_5.png) no-repeat center/23px;display: inline-block;vertical-align: middle;}
.foot_share .Twitter{background: url(../images/fs_2.png) no-repeat center/23px;display: inline-block;vertical-align: middle;}
.foot_share .Pinterest{background: url(../images/fs_3.png) no-repeat center/23px;display: none;}
.foot_share .LinkedIn{background: url(../images/fs_6.png) no-repeat center/23px;display: inline-block;vertical-align: middle;}
.foot_share .YouTube{background: url(../images/fs_3.png) no-repeat center/23px;display: inline-block;vertical-align: middle;}
.foot_share .Google{background: url(../images/fs_1.png) no-repeat center/26px;display: inline-block;vertical-align: middle;}*/
/*.foot_share .Vk{background: url(../images/fs_1.png) no-repeat center/23px;}*/
/*.foot_share .Instagram{background: url(../images/fs_7.png) no-repeat center/23px;display: inline-block;vertical-align: middle;}
#footer{background: #242424;padding:65px 0 55px;}
#footer .foot-title{font-size: 15px;color: #222;font-weight: bold;margin-bottom: 15px;text-transform: uppercase;}
#footer .foot-logo{width: 100%;max-width: 246px;margin-right: 3.83333%;}
#footer .foot-nav{margin-left: 7.5%;width: 15.8333%;}
#footer .foot-nav .ul{line-height: 200%;}
#footer .foot-nav .ul .li{font-size: 14px;color: #666;display: block;}
#footer .foot-contact{max-width: 225px;width: 40%;text-align: left;color: #222;}
#footer .foot-contact .c-icon{margin-bottom: 30px;cursor: pointer;}
#footer .foot-contact .c-icon .box{border:1px solid #686767;box-shadow: 0 0 0 1px #222;border-radius: 4px;width: 25.781%;max-width: 60px;}
#footer .foot-contact .c-icon .box + .box{margin-left: 9%;}
#footer .foot-contact .c-icon .box.wechat{}
#footer .foot-contact .c-icon .box.wechat:after{position: absolute;top:-20px;left: 20px;border: 10px solid transparent;border-top-color: #fff;transition: .5s;content: '';}
#footer .foot-contact .c-icon .wechat .wc-qrcode{bottom: calc(100% + 20px);left: 50%;margin-left: -60px;width: 120px;max-height: 108px;padding:6px 0;background: #fff;border-radius: 6px;}
#footer .foot-contact .c-icon .box.wechat:after,
#footer .foot-contact .c-icon .wechat .wc-qrcode{visibility: hidden;opacity: 0;}
#footer .foot-contact .c-icon .box.wechat:hover:after,
#footer .foot-contact .c-icon .wechat:hover .wc-qrcode{visibility: visible;opacity: 1;}
#footer .foot-contact .c-icon .c-phone{width: 100%;height: 100%;border-radius: 4px;background: #691a19;font-size: 14px;color: #fff;padding: 0 0 0 0%;line-height: 39px;white-space: nowrap; box-shadow: 0 0 0 1px #691a19;top: 0;left: 0;display: none;}
#footer .foot-contact .c-icon .c-phone .icon{margin-right: 10px;line-height: 1;}
#footer .foot-contact .c-icon .c-phone .close{cursor: pointer;float: right; margin-right: 10px;line-height: 45px;display: none;}
#footer .foot-contact .c-icon .box.icon-phone:hover{}
#footer .foot-contact .c-icon .box.icon-phone:hover .c-phone{display: inline-block;}
#footer .foot-contact .service-time{}
#footer .foot-contact .service-time + .service-time{margin-top: 15px;}
#footer .foot-contact .service-time .day{font-size: 14px;color: #222;}
#footer .foot-contact .service-time .hour{font-size: 14px;color: #666;}
#footer .foot-contact .smller-mb{margin-bottom: 10px;}
#footer .friendship-link{margin-top: 50px;}
#footer .friendship-link .title{font-size: 15px;color: #222;margin-right: 3%;font-weight: bold;width: 10%;}
#footer .friendship-link .list{width: 85%;}
#footer .friendship-link .list a{font-size: 16px;color: #666;width: 9%;margin-right: 1%;}
#footer .foot-contact .c-icon .box.wechat:after, #footer .foot-contact .c-icon .wechat .wc-qrcode {
    visibility: hidden;
    opacity: 0;
    display: none;
}
#copymsg{background: #1D2C67;font-size: 14px;color: #fff;padding:15px 0;}
#copymsg a{color: #fff;}*/


.footer .foot_share_box {
    display: inline-block;
    background: none;
    border: 1px #FFFFFF solid;
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    overflow: hidden;
}

.footer .foot_share_box i {
    display: block;
    color: #FFFFFF;
    line-height: 28px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.footer .foot_share_box:hover i {
    background: #FFFFFF;
    color: #242424;
}
.footer .foot-contact {
    margin-left: 40px;
    /*border-bottom: 1px #fff;*/
}

.footer .foot-contact .foot-title{
    font-size: 26px;
    margin-bottom: 15px;
    padding-left: 40px;
}

.footer .foot-contact .foot-title span{
    margin-left: 20px;
}

.footer .foot-contact ul li{
    margin-bottom: 10px;
    padding-left: 40px;
}

.footer .foot-contact ul li img{
    margin-right: 20px;
}

.footer .copyright *{
    font-size: 14px;
}
.footer .copyright{
    margin-top: 20px;
    line-height: 5;
    border-top: 2px #636363 solid;
    font-size: 14px;
}
.footer .bot-form{
    width: 300px;
}
.footer .bot-form input{
    display: block;
    width: 100%;
    border: none;
    border-bottom: 2px #A7A7A7 solid;
    background: none;
    font-size: 14px;
    padding: 0 5px;
}
.footer .bot-form textarea::placeholder,
.footer .bot-form input::placeholder{
    color: #A7A7A7;
}
.footer .bot-form textarea{
    resize: none;
    display: block;
    width: 100%;
    padding: 2% 5px;
    font-size: 14px;
    border: none;
    border-bottom: 2px #A7A7A7 solid;
    background: none;
}
.footer .bot-form textarea:focus,
.footer .bot-form input:focus{
    border-color: #FFFFFF;
}
.footer .bot-form .btn{
    margin: 15px 15px 0;
    border-radius: 0;
    background: #A7A7A7;
    padding: 6px 20px;
    font-size: 15px;
    color: #FFFFFF;
    outline: none;
}

@media (min-width:992px) {
    .wrap-module{padding-top: 164px;/*margin-top: 159px;*/}
}


@media screen and ( min-width: 1025px ){
    .navbar-default .navbar-nav>li>a{
        font-size: 16px;
    }
}
@media screen and ( max-width: 1025px ) and ( min-width: 768px ) {
    .navArea{
        top: 0;
    }
    .navbar-brand,.logo{
        width: 40%;
        padding: 0 1rem;
    }
    .navbar-brand img,
    .logo img{
        width: 100%;
    }
    .navbar-nav{
        float: none;
    }
    .navbar-default .navbar-nav>li>a{
        line-height: 1.2rem;
        color: #fff
    }
    .nav-hotline{
        float: none !important;
        line-height: 1.2rem !important;
        text-align: left;
        padding: 2em 0;
        display: none;
    }
}
@media screen and ( max-width: 767px ){
    .mobile-show{
        display: block !important;
    }
    .computer-show{
        display: none !important;
    }
    .navArea{
        top: 0;
    }
    .navbar-brand,.logo{
        width: 40%;
        padding: 0 1rem;
    }
    .navbar-brand img,
    .logo img{
        width: 100%;
    }
    .navbar-default .navbar-nav>li>a{
        line-height: 1.2rem;
        display: block;
        opacity: 1;
        border-bottom: 1px rgba(255,255,255,0.1) solid; 
        position: relative;
    }
    .navbar-default .navbar-nav>li>a i{
        position: absolute;
        right: 15px;
        top: 10px;
    }
    .nav-hotline{
        float: none !important;
        line-height: 1.2rem !important;
        text-align: left;
        padding: 2em 0;
    }
    .navbar-collapse {
        background: rgba(0,0,0,0.6);
    }
    .navbar-scroll{
        background: none;
    } 
    .modul-title h3{
        font-weight: 300;
    }
    .foot-contact a{
        display: block;
    }
}
.webslide-layer {
    position: fixed;
    width: 195px;
    right: 3px;
    top: 50%;
    z-index: 999;
}

.webslide {
    position: relative;
    overflow: hidden;
    height: 500px;
}

.slide-list {
    position: absolute;
    right: 0px;
    transition: all .3s;
    width: 60px;
}

.slide-list:hover {
    right: 0;
}

.slide-item {
    border-radius: 4px;
    margin-bottom: 3px;
    height: 60px;
    line-height: 60px;
    background: rgb(0, 0, 0, 0.8);
    box-sizing: unset;
    white-space: nowrap;
    overflow: hidden;
}

.webtop {
    background: url(../images/upward.png) 13px center no-repeat;
}

.webrx {
    background: url(../images/dianhua.png) 13px center no-repeat;
}

.webewm {
    background: url(../images/erweima.png) 13px center no-repeat;
}

.slide-item a {
    display: block;
    width: 100%;
    /* height: 100%; */
    padding-left: 70px;
    color: #fff;

}

.webvx img {
    display: block;

    margin: 0 17.5px;
    ;
}